<template>
    <div>
        <Header></Header>
        <van-tabs v-model="active" v-show="route.path === '/movie'">
            <van-tab title="正在热映">
                <nowplaying></nowplaying>
            </van-tab>
            <van-tab title="即将上映">
                <comingsoon></comingsoon>
            </van-tab>
        </van-tabs>
        <router-view></router-view>
    </div>
</template>

<script setup>
import { useRouter, useRoute } from 'vue-router'

import Header from '@/components/Header.vue'
import comingsoon from '@/views/Movie/comingsoon.vue'
import nowplaying from '@/views/Movie/nowplaying.vue'
// import Vue from 'vue';
import { Tab, Tabs } from 'vant';

import { createApp } from 'vue';
const app = createApp();

const router = useRouter()
const route = useRoute()

app.use(Tab);
app.use(Tabs);

let active = 0
</script>

<style></style>
